﻿<template>
    <div class="index_bottom_f_m">
      <div class="bottom_bg_cover"></div>
        <a v-for="info in menu_list" :to='{path:info.url_name}'
          :key="info.id" class="index_bottom_btn"
          active-class="index_bottom_active"
          :class="info.css_name"
          v-on:click="jump(info.url_name)"
        >

        <img  v-bind:src="info.icon" class="bot_icon" alt="" :class="info.css_name1">
        <p class="bottom_sty_fs">{{ info.text }}</p>

      </a>
    </div>
</template>

<script>
  import '../../static/css/FooterMenu.css';
  import {mapState, mapMutations, mapActions} from 'vuex';
  import store from '../vuex/store_index';
  import common from "../common/common.js"
  export default {
    name: 'FooterMenu',
    data () {
      return {
        menu_list: this.$store.getters.get_footer_menu_list,
        sign_c: true
      }
    },
    computed: mapState([
      'footer_menu_list'
    ]),
    methods: {
      ...mapActions(['redirect']),
      jump: function (name) {
        let id = name.replace("./", "");
        common.jump({
          url: name,
          id: id
        });
      }
    },
    mounted(){
//      this.$store.getters.Get_Bot_C_obj
    }
  }
</script>
<!--inner style for thom template-->
<style scoped>

</style>

